#space-theme {
	transition: bottom .4s ease;
	position: fixed;
	left: 0;
	bottom: -600px;
	width: 100%;
	z-index: 1000;
	background: rgba(0, 0, 0, .8);
	color: #fff
}
#space-theme.theme-show {
	bottom: 0
}
#space-theme .theme-buy-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background-color: rgba(0, 0, 0, .7)
}
#space-theme .theme-buy-layer #theme-buy-layer-wrapper {
	background: #fff;
	border-radius: 4px;
	position: fixed;
	left: 50%;
	transition: opaicty .2s ease;
	top: 50%;
	width: 370px;
	margin: -200px 0 0 -185px;
	z-index: 1011
}
#space-theme .theme-tab {
	cursor: pointer;
	display: block;
	float: left;
	font-size: 18px;
	margin-right: 10px;
	line-height: 52px;
	width: 130px;
	text-align: center
}
#space-theme .theme-tab.active {
	background-color: #111
}
#space-theme .theme-ann {
	color: #ff98ba;
	float: left;
	line-height: 32px;
	margin-right: 33px
}
#space-theme .theme-ann-icon {
	background-position: -1307px -154px;
	width: 10px;
	height: 12px;
	margin-right: 10px;
	position: relative;
	top: 1px
}
#space-theme .theme-close {
	background-position: -527px -271px;
	cursor: pointer;
	width: 32px;
	height: 32px;
	margin-right: -10px
}
#space-theme .theme-close:hover {
	background-position: -591px -271px
}
#space-theme .theme-topright {
	float: right;
	margin-top: 10px
}
#space-theme .theme-topright .theme-buy-vip {
	line-height: 30px;
	width: 90px;
	margin-left: 15px
}
#space-theme .theme-btn {
	line-height: 30px;
	width: 88px
}
#space-theme .theme-btn.primary {
	background: #f25d8e;
	border: 1px solid #f25d8e
}
#space-theme .theme-btn.primary:hover {
	background-color: #ff85ad;
	border-color: #ff85ad
}
#space-theme .theme-btn.primary.disabled {
	border-color: #aaa
}
#space-theme .theme-panel {
	background: #111;
	padding: 25px 0 15px;
	position: relative
}
#space-theme .theme-panel[tab-id="1"] .theme-list {
	padding-left: 45px
}
#space-theme .theme-list {
	position: relative;
	height: 280px;
	overflow: hidden
}
#space-theme .theme-list[name=toutu] {
	padding-left: 45px
}
#space-theme .theme-list-inner {
	padding-bottom: 40px
}
#space-theme .theme-item-outer {
	float: left;
	width: 220px;
	height: 240px;
	position: relative
}
#space-theme .theme-item-outer:hover {
	z-index: 1
}
#space-theme .theme-item {
	background-position: center 15px;
	background-repeat: no-repeat;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	width: 180px;
	padding: 182px 20px 10px;
	position: absolute;
	top: 0;
	left: 0
}
#space-theme .theme-item:hover {
	background-color: #4c4c4c
}
#space-theme .theme-item:hover .theme-action, #space-theme .theme-item:hover .theme-price {
	display: block
}
#space-theme .theme-item.active {
	background-color: #4c4c4c;
	box-shadow: inset 0 0 0 3px hsla(0, 0%, 100%, .4)
}
#space-theme .theme-item.active .theme-item-active-icon {
	display: block
}
#space-theme .theme-item-active-icon {
	background-position: -650px -653px;
	display: none;
	width: 37px;
	height: 37px;
	position: absolute;
	top: 0;
	right: 0
}
#space-theme .theme-name {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	max-width: 10em;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
#space-theme .theme-price {
	color: #ccd0d7;
	display: none;
	margin: 5px 0 -1px
}
#space-theme .theme-action {
	display: none;
	padding: 10px 0 5px
}
#space-theme .theme-btn {
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	width: 60px;
	line-height: 24px;
	margin: 0 3px
}
#space-theme .theme-btn.use {
	background: #00a1d6
}
#space-theme .theme-btn.use:hover {
	background: #00b5e5
}
#space-theme .theme-btn.buy {
	background: #f25d8e;
	width: 72px
}
#space-theme .theme-btn.buy:hover {
	background: #ff85ad
}
#space-theme .theme-btn.renew {
	border: 1px solid;
	line-height: 22px;
	width: 58px
}
#space-theme .theme-btn.renew:hover {
	background: #ff85ad;
	border-color: #ff85ad
}
#space-theme .toutu-item {
	border: 3px solid #555;
	border-radius: 12px;
	cursor: pointer;
	float: left;
	width: 310px;
	height: 96px;
	position: relative;
	margin: 0 25px 20px 0;
	background-size: cover;
	background-position: 50%
}
#space-theme .toutu-item.active, #space-theme .toutu-item.for-sale.active {
	border-color: #fff;
	z-index: 2
}
#space-theme .toutu-item.active .selected-icon, #space-theme .toutu-item.for-sale.active .selected-icon {
	display: block
}
#space-theme .toutu-item.active .toutu-detail, #space-theme .toutu-item.for-sale.active .toutu-detail {
	border-color: #fff
}
#space-theme .toutu-item:hover {
	z-index: 3;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}
#space-theme .toutu-item:hover .toutu-detail {
	left: -3px;
	opacity: 1
}
#space-theme .toutu-item.upload-toutu {
	position: relative;
	width: 316px;
	height: 102px;
	color: #99a2aa;
	border: none;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/396×102-normal.png);
	background-repeat: no-repeat;
	transition: background-image .2s ease, color .2s ease
}
#space-theme .toutu-item.upload-toutu:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 57px;
	height: 57px;
	display: block;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/vip-tag.png);
	background-repeat: no-repeat
}
#space-theme .toutu-item.upload-toutu:hover {
	color: #fff;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/396×102-hover.png)
}
#space-theme .toutu-item.upload-toutu:hover .upload-icon {
	background-image: url()
}
#space-theme .toutu-item.upload-toutu:hover .upload-tips.u-tips2 {
	display: block
}
#space-theme .toutu-item.upload-toutu:hover .upload-tips.u-tips1 {
	display: none
}
#space-theme .toutu-item.upload-toutu .upload-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
#space-theme .toutu-item.upload-toutu .upload-icon {
	width: 46px;
	height: 26px;
	margin: 0 auto;
	background-image: url();
	background-repeat: no-repeat;
	transition: background-image .2s ease
}
#space-theme .toutu-item.upload-toutu .upload-tips {
	line-height: 20px;
	margin-top: 5px;
	text-align: center;
	font-size: 12px;
	white-space: nowrap
}
#space-theme .toutu-item.upload-toutu .upload-tips.u-tips2 {
	display: none
}
#space-theme .toutu-item.upload-toutu .upload-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer
}
#space-theme .toutu-item .vip-icon {
	position: absolute;
	top: -3px;
	right: -3px;
	width: 57px;
	height: 57px;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/vip-tag.png);
	background-repeat: no-repeat
}
#space-theme .toutu-item .selected-icon {
	display: none;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	background-position: -642px -650px;
	content: "";
	position: absolute;
	width: 45px;
	height: 45px;
	top: -3px;
	right: 0
}
#space-theme .theme-list-inner .noviptag:after {
	display: none
}
#space-theme .edit-container {
	width: 1100px;
	height: 280px;
	margin: 0 auto;
	overflow: hidden
}
#space-theme .edit-container .crop-container .preview-container {
	position: relative;
	height: 172px;
	background-color: #222;
	border-radius: 10px;
	overflow: hidden
}
#space-theme .edit-container .crop-container .preview-container.selecting {
	background-color: #111
}
#space-theme .edit-container .crop-container .preview-container .jcrop-holder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 1100px;
	max-height: 172px
}
#space-theme .edit-container .crop-container .crop-target {
	max-width: 1100px;
	max-height: 172px
}
#space-theme .edit-container .crop-container .option-pane {
	margin-top: 10px;
	height: 16px
}
#space-theme .edit-container .crop-container .option-pane .rechoose {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 2px 2px;
	transition: background-image .2s ease, color .2s ease
}
#space-theme .edit-container .crop-container .option-pane .rechoose:hover {
	color: #00a1d6;
	background-image: url()
}
#space-theme .edit-container .crop-container .option-pane .upload-size {
	margin-left: 10px;
	color: #99a2aa;
	font-size: 12px
}
#space-theme .edit-container .uploading-container {
	margin-bottom: 30px
}
#space-theme .edit-container .uploading-container .uploading {
	position: relative;
	height: 170px;
	margin: 15px auto 0;
	background-color: #1f1f1f;
	border-radius: 10px
}
#space-theme .edit-container .uploading-container .upload-content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 46px;
	height: 60px;
	margin: -30px 0 0 -23px
}
#space-theme .edit-container .uploading-container .loading-icon {
	text-align: center
}
#space-theme .edit-container .uploading-container .loading-icon.loading img {
	animation: loadingRotate 1s linear infinite
}
#space-theme .edit-container .uploading-container .loading-text {
	margin-top: 10px;
	font-size: 12px;
	color: #6d757a;
	text-align: center
}
#space-theme .edit-container .upload-action {
	margin-top: 5px;
	text-align: center
}
#space-theme .edit-container .upload-action .btn {
	width: 90px;
	height: 30px;
	line-height: 30px;
	margin-right: 20px;
	color: #fff;
	border-radius: 4px
}
#space-theme .edit-container .upload-action .btn:last-of-type {
	margin-right: 0
}
#space-theme .edit-container .upload-action .btn.confirm-action.uploading-state {
	color: #666;
	border-color: #1f1f1f;
	background-color: #1f1f1f
}
#space-theme .edit-container .upload-action .btn.cancel-action {
	color: #fff;
	border-color: #fff
}
#space-theme .edit-container .upload-action .btn.cancel-action:hover {
	color: #00a1d6;
	background: none;
	border-color: #00a1d6
}
@keyframes loadingRotate {
	0% {
		transform: rotate(0)
	}
	50% {
		transform: rotate(180deg)
	}
	to {
		transform: rotate(1turn)
	}
}
#space-theme .popup-register-vip {
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	z-index: 1987;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, .7)
}
#space-theme .popup-register-vip .popup-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1988;
	width: 350px;
	height: 310px;
	background-color: #fff;
	box-shadow: 0 3px 26px rgba(0, 0, 0, .9);
	border-radius: 4px
}
#space-theme .popup-register-vip .popup-title {
	line-height: 20px;
	margin-top: 40px;
	font-size: 14px;
	color: #666;
	text-align: center
}
#space-theme .popup-register-vip .popup-title span {
	color: #fd2828
}
#space-theme .popup-register-vip .popup-content {
	margin-top: 10px;
	text-align: center
}
#space-theme .popup-register-vip .popup-btn {
	margin-top: 30px;
	text-align: center
}
#space-theme .popup-register-vip .popup-btn span {
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	color: #fff;
	background-color: #ff5b5b;
	border-style: none;
	border-radius: 5px;
	text-align: center;
	transition: all .2s ease
}
#space-theme .popup-register-vip .popup-btn span:hover {
	background-color: #ff7575
}
#space-theme .popup-register-vip .popup-close-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	background-repeat: no-repeat;
	background-position: -522px -267px
}
#space-theme .toutu-detail {
	background-repeat: no-repeat;
	border: 3px solid #555;
	border-radius: 12px;
	opacity: 0;
	transition: opacity .2s ease;
	overflow: hidden;
	position: absolute;
	top: -3px;
	left: -9999px;
	width: 100%
}
#space-theme .toutu-meta {
	background: #333;
	line-height: 1em;
	margin-top: 93px;
	padding: 10px;
	position: relative
}
#space-theme .toutu-title {
	color: #fff;
	margin-bottom: 10px
}
#space-theme .toutu-price {
	color: #ccd0d7
}
#space-theme .toutu-action {
	position: absolute;
	bottom: 10px;
	right: 10px
}
#space-theme .toutu-btn {
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	line-height: 24px;
	margin-left: 7px;
	width: 54px
}
#space-theme .toutu-btn.vip {
	background: #f66;
	width: 90px
}
#space-theme .toutu-btn.vip:hover {
	background: #f88
}
#space-theme .toutu-btn.buy {
	border: 1px solid;
	width: 52px;
	line-height: 22px
}
#space-theme .toutu-btn.buy:hover {
	color: #ff85ad
}
#space-theme .toutu-btn.use {
	background: #00a1d6
}
#space-theme .toutu-btn.use:hover {
	background: #00b5e5
}
#space-theme .theme-buy-layer.active {
	opacity: 1;
	left: 50%
}
#space-theme .theme-buy-close {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 9;
	width: 30px;
	height: 30px;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	cursor: pointer;
	background-position: -336px -593px
}
#space-theme .theme-buy-close:hover {
	background-position: -400px -593px
}
#space-theme .theme-buy-header {
	background: #e5e9ef;
	border-radius: 4px 4px 0 0;
	position: relative
}
#space-theme .theme-buy-preview {
	border-radius: 4px;
	display: block;
	width: 128px;
	height: 128px;
	margin: 0 auto 20px;
	top: -60px;
	position: relative
}
#space-theme .theme-buy-name {
	color: #111;
	font-size: 24px;
	line-height: 1em;
	margin: -60px auto 0;
	padding-bottom: 20px;
	text-align: center;
	max-width: 10em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
#space-theme .theme-buy-current-expire-time {
	color: #6d757a;
	line-height: 1em;
	text-align: center;
	margin-top: -5px;
	padding-bottom: 15px
}
#space-theme .theme-buy-body {
	padding: 0 36px
}
#space-theme .theme-buy-a {
	color: #99a2aa;
	font-size: 14px;
	line-height: 1em;
	margin: 25px 0 10px
}
#space-theme .theme-buy-list {
	margin-bottom: 25px;
	width: 330px
}
#space-theme .theme-buy-item {
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	font-size: 14px;
	float: left;
	width: 65px;
	margin-right: 10px;
	line-height: 38px;
	text-align: center
}
#space-theme .theme-buy-item:hover {
	border-color: #00a1d6;
	color: #00a1d6
}
#space-theme .theme-buy-item.active {
	border-color: #00a1d6;
	box-shadow: 0 0 0 1px #00a1d6;
	color: #00a1d6
}
#space-theme .theme-buy-item.active .theme-buy-custom-length {
	color: #00a1d6
}
#space-theme .theme-buy-item.custom {
	color: #99a2aa
}
#space-theme .theme-buy-price {
	border-bottom: 1px solid #e5e9ef;
	color: #6d757a;
	font-size: 14px;
	line-height: 1em;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 25px
}
#space-theme .theme-buy-price var {
	color: #00a1d6;
	font-size: 18px;
	font-weight: 700
}
#space-theme .theme-buy-footer {
	padding: 200px 0 30px;
	text-align: center
}
#space-theme .theme-buy-layer-btn {
	border: 1px solid #ccd0d7;
	width: 120px;
	line-height: 34px;
	vertical-align: middle;
	margin: 0 5px
}
#space-theme .theme-buy-vip {
	background: #f66;
	border-color: #f66;
	color: #fff
}
#space-theme .theme-buy-vip:hover {
	background: #f88;
	border-color: #f88;
	color: #fff
}
#space-theme .theme-buy-submit-btn {
	display: inline-block;
	border-radius: 3px;
	transition: all .1s ease;
	text-align: center;
	border-color: #00a1d6;
	color: #00a1d6
}
#space-theme .theme-buy-submit-btn:hover {
	border-color: #00b5e5;
	color: #00b5e5
}
#space-theme .hideit {
	display: block
}
#space-theme input.theme-buy-custom-length {
	background: transparent;
	box-shadow: none;
	border: none;
	color: #99a2aa;
	cursor: pointer;
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	transition: none;
	padding: 0 12px;
	width: 40px;
	text-align: center
}
#space-theme input.theme-buy-custom-length:focus {
	border: none
}
#space-theme #theme-buy-select-length .theme-buy-footer {
	padding-top: 0
}
#space-theme #theme-buy-success {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/theme-buy-success.png);
	background-repeat: no-repeat;
	background-position: center 140px
}
#space-theme #theme-buy-success .theme-buy-body {
	padding: 40px 55px 0
}
#space-theme #theme-buy-fail {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/theme-buy-processing.png);
	background-repeat: no-repeat;
	background-position: center 160px
}
#space-theme #theme-buy-fail .theme-buy-body {
	padding: 40px 40px 0
}
#space-theme .theme-buy-success-icon {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	background-position: -646px -1037px
}
#space-theme #theme-buy-success-g {
	position: absolute;
	left: 105px;
	top: 135px;
	width: 160px;
	height: 180px
}
#space-theme .theme-buy-fail-icon {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin-left: -10px;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	background-position: -646px -909px
}
#space-theme #theme-buy-fail .theme-buy-result-info, #space-theme #theme-buy-fail .theme-buy-result-title {
	margin-left: 60px
}
#space-theme .theme-buy-result-title {
	color: #222;
	font-size: 22px;
	line-height: 1em;
	margin: 0 0 15px 70px
}
#space-theme .theme-buy-result-info {
	color: #99a2aa;
	font-size: 14px;
	margin-left: 70px;
	margin-bottom: 10px;
	line-height: 1em;
	white-space: nowrap
}
#space-theme .theme-buy-g-name {
	color: #00a1d6;
	display: inline-block;
	max-width: 8em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom
}
#space-theme .theme-buy-rmb-hint {
	color: #222;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 15px
}
#space-theme .theme-buy-rmb-secondary {
	color: #99a2aa;
	font-size: 14px
}
@media (min-width:1420px) {
	#space-theme .theme-panel .theme-list[name=toutu] {
		padding-left: 0
	}
	#space-theme .toutu-item {
		width: 290px;
		height: 90px;
		margin-right: 20px
	}
	#space-theme .toutu-item.upload-toutu {
		width: 296px;
		height: 96px;
		background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/296x96-normal.png)
	}
	#space-theme .toutu-item.upload-toutu:hover {
		background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/296x96-hover.png)
	}
	#space-theme .theme-ann {
		margin-right: 13px
	}
	#space-theme .theme-item {
		margin-right: 36px
	}
}
.h-notice[data-v-597c641a] {
	height: 42px;
	background: #fff1d3;
	padding: 0 16px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}
.h-notice a[data-v-597c641a] {
	display: inline-block;
	height: 100%;
	max-width: 1226px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #e78b1f;
	letter-spacing: 0;
	line-height: 42px;
	cursor: auto
}
.h-notice a.linkType[data-v-597c641a] {
	cursor: pointer
}
.h-notice .icon-notice[data-v-597c641a] {
	width: 12px;
	height: 12px;
	background: url() no-repeat;
	background-size: cover;
	margin-right: 8px
}
.h-notice .link[data-v-597c641a] {
	width: 16px;
	height: 16px;
	background: url() no-repeat;
	background-size: cover;
	transform: rotate(90deg);
	display: inline-block
}
.h {
	position: relative;
	z-index: 10
}
.h .h-forbid {
	height: 42px;
	margin-bottom: 10px;
	background-color: #e5e9ef;
	border-radius: 4px
}
.h .h-forbid .f-wrap {
	width: 203px;
	margin: 0 auto
}
.h .h-forbid .f-wrap .f-icon {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	background-position: -664px -458px;
	display: inline-block;
	width: 80px;
	height: 42px;
	margin-right: 20px
}
.h .h-forbid .f-wrap .f-txt {
	font-size: 14px;
	color: #222;
	line-height: 42px;
	display: inline-block;
	vertical-align: top
}
.h .h-inner {
	background-image: url();
	background-position: 50%;
	background-size: cover;
	transition: background-image .2s ease, background-size 1s ease;
	padding-top: 116px;
	position: relative
}
.h .h-user {
	position: relative;
	z-index: 1
}
.h .h-user .user-auth-subscript.fool-day {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/fool-day.png);
	background-position: 0 0
}
.h .gender {
	display: none;
	width: 21px;
	height: 18px;
	margin-right: 5px;
	vertical-align: middle;
	background-position: -212px -922px
}
.h .gender.male {
	display: inline-block;
	background-position: -212px -472px
}
.h .gender.female {
	display: inline-block;
	background-position: -211px -404px
}
.h .m-level {
	display: inline-block;
	width: 28px;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/level.png);
	background-repeat: no-repeat;
	background-position: 999px 999px
}
.h .m-level[lvl="0"] {
	background-position: -21px -10px
}
.h .m-level[lvl="1"] {
	background-position: -21px -46px
}
.h .m-level[lvl="2"] {
	background-position: -21px -82px
}
.h .m-level[lvl="3"] {
	background-position: -21px -118px
}
.h .m-level[lvl="4"] {
	background-position: -21px -154px
}
.h .m-level[lvl="5"] {
	background-position: -21px -190px
}
.h .m-level[lvl="6"] {
	background-position: -21px -226px
}
.h .h-gradient {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 84px;
	background-image: url();
	background-repeat: repeat-x
}
.h .h-fans-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center
}
.h .h-fans-icon:hover .fans-hover-tip {
	display: block
}
.h .h-fans-icon .fans-hover-tip {
	position: absolute;
	display: none;
	top: -29px;
	left: 5px;
	width: 138px;
	padding: 0 12px;
	font-size: 12px;
	color: #ff85ad;
	background: #fff;
	border: 1px solid #ff85ad;
	border-radius: 4px;
	box-sizing: border-box
}
.h .h-fans-icon .fans-hover-tip:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 5px;
	width: 7px;
	height: 7px;
	border: 1px solid #ff85ad;
	border-top: none;
	border-left: none;
	transform: rotate(45deg);
	background-color: #fff
}
.h .h-fans-icon .fans-hover-tip .tip-inner {
	font-size: 12px;
	color: #505050;
	line-height: 12px
}
.h .h-fans-icon .h-fans-text {
	display: block;
	width: 20px;
	height: 16px;
	line-height: 14px;
	font-size: 12px;
	color: #ff85ad;
	background: #fff;
	border: 1px solid #ff85ad;
	border-radius: 4px;
	box-sizing: border-box
}
.h .h-avatar {
	position: relative;
	float: left;
	width: 64px;
	height: 64px;
	border: 2px solid hsla(0, 0%, 100%, .4);
	border-radius: 52px
}
.h .h-avatar:hover .avatar-cover {
	opacity: 1
}
.h .h-avatar .avatar-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 64px;
	background: rgba(0, 0, 0, .6);
	font-size: 12px;
	color: #fff;
	line-height: 64px;
	text-align: center;
	opacity: 0;
	border-radius: 50%;
	transition: opacity .2s
}
.h #h-avatar {
	width: 64px;
	height: 64px;
	background: #fff;
	border-radius: 48px
}
.h .h-info {
	margin-left: 20px;
	padding-bottom: 16px
}
.h .h-basic {
	float: left;
	color: #fff;
	font-size: 0;
	margin: 10px 0 0 20px
}
.h .h-basic .h-basic-spacing {
	margin-top: 8px
}
.h #h-name {
	display: inline-block;
	margin-right: 5px;
	font-weight: 700;
	line-height: 18px;
	font-size: 18px;
	vertical-align: middle
}
.h #h-ceritification {
	background-position: -217px -792px;
	display: none;
	width: 11px;
	height: 18px;
	margin: 0 1px 0 6px;
	vertical-align: middle
}
.h .h-sign {
	color: #d6dee4;
	font-size: 12px;
	line-height: 26px;
	height: 26px;
	width: 740px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.h .h-f-btn {
	background: rgba(0, 0, 0, .45);
	box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .3);
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	float: left;
	text-align: center;
	margin: 0 20px 17px 0;
	width: 76px;
	line-height: 30px
}
.h .h-f-btn:hover {
	background: rgba(0, 0, 0, .5)
}
.h .h-f-btn .icon-arrow {
	margin-left: 4px;
	background-position: -1369px -214px
}
.h .h-f-btn.special {
	width: 100px
}
.h .h-follow {
	background: #f25d8e;
	box-shadow: 0 0 0 2px #fff;
	color: #fff
}
.h .h-follow:hover {
	background: #ff85ad
}
.h .h-message:hover {
	color: #fff
}
.h .h-vipType {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	padding: 0 5px;
	background-color: #f45a8d;
	vertical-align: middle;
	margin-right: 5px
}
.h .h-vipType.fools-day {
	background-color: #6dc781
}
.h .h-guest-hint {
	background: rgba(0, 161, 214, .9);
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%
}
.h .h-version {
	position: absolute;
	top: 15px;
	right: 57px
}
.h .h-v-btn {
	background: rgba(0, 0, 0, .45);
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	line-height: 30px;
	transition: all .1s ease;
	padding: 0 10px
}
.h .h-v-btn:hover {
	background: rgba(0, 0, 0, .5)
}
.h .h-v-icon {
	background-position: -1111px -407px;
	width: 14px;
	height: 14px
}
.h .h-role-icon {
	margin-left: 5px
}
.h .h-action {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1
}
.h body[role="2"] .h-follow {
	display: none
}
.h .h-v-host, .h body[role="2"] .h-unfollow {
	display: inline-block
}
.h .h-v-host {
	background: #fff;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	line-height: 20px;
	margin-left: 22px;
	width: 56px;
	transition: background .2s ease
}
.h .h-v-host:hover {
	color: #00a1d6
}
.h #h-sign {
	background: transparent;
	border-radius: 4px;
	border: none;
	box-shadow: none;
	color: #d6dee4;
	font-size: 12px;
	font-family: Microsoft Yahei;
	line-height: 26px;
	height: 26px;
	margin-left: -5px;
	padding: 0 5px;
	position: relative;
	top: -1px;
	width: 730px
}
.h #h-sign:hover {
	background: hsla(0, 0%, 100%, .2);
	box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .5)
}
.h #h-sign:focus {
	background: #fff;
	box-shadow: inset 0 2px 4px rgba(35, 54, 86, .3);
	color: #6d757a
}
.h #h-sign::-webkit-input-placeholder {
	color: #d6dee4
}
.h #h-sign:-moz-placeholder, .h #h-sign::-moz-placeholder {
	color: #d6dee4
}
.h #h-sign:-ms-input-placeholder {
	color: #d6dee4
}
.h .space-theme-trigger {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/theme-trigger-new.png);
	background-position: 0 0;
	border-radius: 0 4px 0 0;
	cursor: pointer;
	width: 58px;
	height: 49px;
	transition: opacity .2s ease;
	position: absolute;
	top: 0;
	right: 0
}
.h .space-theme-trigger .btn {
	color: #fff
}
.h .h:hover .space-theme-trigger {
	opacity: 1
}
.h .h-add-to-black {
	float: left;
	height: 30px
}
.h .h-add-to-black .be-dropdown-trigger {
	width: 30px;
	height: 30px
}
.h .h-add-to-black .icon-ic_more {
	color: #fff;
	font-size: 30px;
	line-height: 30px
}
.h .modal-wrapper .modal-body {
	padding: 30px 40px!important
}
.h .report-popup-tip {
	line-height: 18px;
	font-size: 12px;
	color: #99a2aa;
	text-align: left
}
.h .report-popup-list {
	margin-top: 18px;
	font-size: 0
}
.h .report-popup-item {
	float: left;
	width: 90px;
	line-height: 20px;
	margin-bottom: 15px;
	cursor: pointer;
	text-align: left;
	white-space: nowrap
}
.h .report-popup-item:nth-child(2n) {
	margin-left: 30px
}
.h .report-popup-item.checked .report-popup-item-checkbox {
	background: #00a1d6;
	border-color: #00a1d6
}
.h .report-popup-item.checked .report-popup-item-checkbox:before {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 3px;
	width: 0;
	height: 5px;
	border-left: 2px solid #fff;
	transform: rotate(-45deg)
}
.h .report-popup-item.checked .report-popup-item-checkbox:after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 9px;
	width: 0;
	height: 11px;
	border-left: 2px solid #fff;
	transform: rotate(45deg)
}
.h .report-popup-item-checkbox {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	border: 1px solid #bec3cc;
	border-radius: 2px
}
.h .report-popup-item-text {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	color: #222;
	vertical-align: middle
}
.n {
	margin-bottom: 10px
}
.n .n-tab-links .iconfont {
	display: inline-block;
	width: 20px;
	font-size: 20px;
	margin-right: 4px;
	vertical-align: middle
}
.n .n-tab-links .icon-ic_home {
	color: #00c091
}
.n .n-tab-links .icon-ic_following {
	color: #fb7299
}
.n .n-tab-links .icon-ic_video {
	color: #02b5da
}
.n .n-tab-links .icon-ic_article {
	color: #3bd3d3
}
.n .n-tab-links .icon-ic_playlist {
	color: #9d8ce5
}
.n .n-tab-links .icon-ic_channel {
	color: #23c9ed
}
.n .n-tab-links .icon-ic_collect {
	color: #f3a034
}
.n .n-tab-links .icon-ic_sub {
	color: #ff5d47
}
.n .n-tab-links .icon-ic_setting {
	color: #23c9ed
}
.n .n-tab-links .icon-ic_class1 {
	color: #0ba395
}
.n .n-inner {
	height: 66px;
	background: #fff;
	box-shadow: 0 0 0 1px #eee;
	border-radius: 0 0 4px 4px;
	padding: 0 20px;
	font-size: 0
}
.n .n-cursor {
	background: #00a1d6;
	width: 0;
	height: 3px;
	transition: all .2s ease;
	position: absolute;
	bottom: -1px;
	left: 0
}
.n .n-btn {
	display: inline-block;
	font-size: 0;
	line-height: 66px;
	margin-right: 16px;
	position: relative
}
.n .n-btn.active {
	color: #00a1d6
}
.n .n-tab-links {
	display: inline-block;
	font-size: 0;
	vertical-align: middle
}
.n .n-text {
	font-size: 13px
}
.n .n-num, .n .n-text {
	vertical-align: middle
}
.n .n-num {
	margin-left: 2px;
	font-size: 12px;
	color: #99a2aa;
	font-family: Arial
}
.n .n-statistics {
	float: right;
	height: 66px
}
.n .n-data {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	float: left;
	width: 58px;
	height: 66px;
	padding: 10px 0;
	text-align: center;
	box-sizing: border-box
}
.n .n-data.router-link-active .n-data-k, .n .n-data.router-link-active .n-data-v {
	color: #00a1d6
}
.n .n-data .n-data-k {
	line-height: 14px;
	font-size: 12px;
	color: #99a2aa
}
.n .n-data .n-data-v {
	line-height: 16px;
	margin-top: 5px;
	color: #222;
	font-size: 12px
}
.n .n-fs:hover p, .n .n-gz:hover p {
	color: #00a1d6
}
@media (min-width:1420px) {
	.n .n-btn {
		margin-right: 31px
	}
}
.n-fix {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 111;
	transform: translateY(-70px);
	transition: transform .3s ease
}
.n-fix .n-inner {
	padding-left: 20px;
	border-radius: 0
}
.n-fix.fixed {
	transform: translateY(0)
}
.n-fix .n-avatar {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle;
	border-radius: 50%;
	overflow: hidden
}
.n-fix .n-avatar img {
	display: block;
	width: 24px
}
.n-fix .n-text {
	max-width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
@media (min-width:1420px) {
	.n-fix .n-btn {
		margin-right: 31px
	}
}
.to-top {
	position: fixed;
	display: none;
	bottom: 100px;
	right: 20px;
	transform: translateY(0);
	width: 62px;
	height: 85px;
	margin-left: 602px;
	cursor: pointer;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/space-to-top.png);
	background-position: -40px -44px
}
.to-top.transition {
	transition: transform .3s ease-in
}
.to-top.fly {
	transform: translateY(-1000px)
}
@media (min-width:1420px) {
	.to-top {
		margin-left: 712px
	}
}
.fav-share {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .65);
	z-index: 2001
}
.fav-share .share-iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-sizing: border-box;
	margin-bottom: 50px
}
.fade-enter-active, .fade-leave-active {
	transition: opacity .3s
}
.fade-enter, .fade-leave-to {
	opacity: 0
}
.zoom-enter-active, .zoom-leave-active {
	transition: transform .3s, opacity .3s
}
.zoom-enter, .zoom-leave-to {
	transform: scaleY(0);
	opacity: 0
}
.flip-list-move {
	transition: transform 1s
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	font-weight: 400;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	word-break: break-word
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
em, i {
	font-style: normal
}
ol, ul {
	list-style: none
}
b {
	font-weight: 700
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: "";
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html {
	background: #f4f5f7
}
body, html {
	height: 100%
}
body {
	color: #222;
	font-size: 12px;
	line-height: 1.7em;
	margin: 0;
	overflow-y: scroll
}
body, input, textarea {
	font-family: Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif
}
input, textarea {
	outline: none
}
a {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease, background-color .2s ease
}
a[href="javascript: 0"] {
	cursor: default
}
a:hover {
	color: #00a1d6
}
.wrapper {
	width: 1100px;
	margin: 0 auto;
	position: relative
}
#browser-version-tip {
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #e40c0c;
	text-align: center;
	font-size: 14px;
	color: #fff
}
#browser-version-tip a {
	margin: 0 2px;
	text-decoration: underline;
	color: #07f
}
#browser-version-tip #close-browser-tip {
	position: absolute;
	right: 0;
	top: 10px;
	margin-left: 15px;
	width: 20px;
	height: 20px;
	background-position: -1368px -278px;
	vertical-align: middle
}
#browser-version-tip #close-browser-tip, .icon {
	display: inline-block;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png)
}
.s-body {
	padding-bottom: 30px
}
.s-body.loading {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/loadTV.gif);
	background-position: 50%;
	background-repeat: no-repeat;
	height: 200px
}
.z_top .z_header {
	width: 1100px
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
* html .clearfix {
	height: 1%
}
input[type=text] {
	line-height: 28px;
	height: 28px;
	padding: 0 10px;
	transition: all .3s ease;
	vertical-align: top;
	border: 1px solid #ccd0d7;
	border-radius: 0
}
input[type=text]:focus {
	border-color: #00a1d6
}
input[type=number] {
	-moz-appearance: textfield
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}
::-webkit-input-placeholder {
	color: #99a2aa
}
::-moz-placeholder {
	color: #99a2aa
}
:-ms-input-placeholder {
	color: #99a2aa
}
:-moz-placeholder {
	color: #99a2aa
}
input::-ms-clear {
	display: none
}
.clearfix {
	display: block
}
.col-full {
	background: #fff;
	box-shadow: 0 0 0 1px #eee;
	border-radius: 4px;
	padding: 20px
}
.col-full .section.empty, .col-full .section.private {
	width: 100%!important
}
.col-full .section.empty:after, .col-full .section.private:after {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/nodata02.png);
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 4px;
	color: #6d757a;
	content: "\6570\636E\4E3A\7A7A";
	display: block;
	font-size: 14px;
	height: 450px;
	overflow: hidden;
	line-height: 640px;
	text-align: center
}
.section {
	border-bottom: 1px solid #eee;
	margin-bottom: 17px;
	position: relative
}
.section.empty .content, .section.empty .count, .section.empty .more, .section.empty .style, .section.loading .quantity, .section.loading .style {
	display: none
}
.section.loading .content {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/loadTV.gif);
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 270px
}
.section.loading .content * {
	display: none
}
.section.empty .content, .section.loading .content, .section.private .content {
	width: 100%
}
.section .count {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #777;
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	height: 20px;
	margin-left: 11px;
	padding: 0 5px;
	position: relative;
	vertical-align: middle
}
.section .count:before {
	background-position: -215px -340px;
	content: "";
	display: block;
	left: -7px;
	top: -3px;
	height: 22px;
	width: 10px
}
.section .count:before, .section .more {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	position: absolute
}
.section .more {
	background-position: -310px -405px;
	border: 1px solid #b8c0cc;
	border-radius: 4px;
	color: #6d757a;
	font-size: 12px;
	line-height: 22px;
	transition: border .2s ease;
	padding: 0 19px 0 10px;
	top: 6px;
	right: 0
}
.section .more:hover {
	background-position: -438px -405px;
	border-color: #00a1d6;
	color: #00a1d6
}
.section .operation {
	display: inline-block;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	border: 1px solid #b8c0cc;
	border-radius: 4px;
	color: #6d757a;
	font-size: 12px;
	line-height: 22px;
	transition: border .2s ease;
	padding: 0 19px 0 10px
}
.section .operation:hover {
	border-color: #00a1d6;
	color: #00a1d6
}
.section:last-child {
	border-bottom: none;
	margin-bottom: 0
}
.section.empty.video:after {
	content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\6295\8FC7\89C6\9891\54E6~~"
}
.section.empty.video.host:after {
	display: none
}
.section.empty.audio:after {
	content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\53D1\5E03\8FC7\97F3\9891\54E6~~"
}
.section.empty.bangumi:after {
	content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\8BA2\9605\8FC7\756A\5267~~"
}
.section.empty.subs:after {
	content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\5173\6CE8\8FC7\6807\7B7E~~"
}
.section.empty.article:after {
	content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\6295\8FC7\4E13\680F\54E6~~"
}
.section.empty.coin:after {
	content: "\7A7A\95F4\4E3B\4EBA\6700\8FD1\4E00\4E2A\6708\6CA1\6709\6295\8FC7\786C\5E01~~"
}
.section.empty.follow:after {
	content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\5173\6CE8\4EFB\4F55\4EBA~~"
}
.section.empty.fans:after {
	content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\7C89\4E1D\54E6~~"
}
.section.empty.fans[page=follow]:after {
	content: "\7A7A\95F4\4E3B\4EBA\8FD8\6CA1\6709\5173\6CE8\4EFB\4F55\4EBA~~"
}
.section.empty.fans[page=knight]:after {
	content: "\76EE\524D\4E3A\6B62\8FD8\6CA1\6709\4EFB\547D\4F60\7684\9A91\58EB\54E6~~"
}
.section.empty.qz:after {
	content: "\7A7A\95F4\4E3B\4EBA\6CA1\6709\52A0\5165\4EFB\4F55\5708\5B50~~"
}
.section.empty.fav:after {
	content: "\7A7A\95F4\4E3B\4EBA\7684\8FD8\6CA1\6709\6536\85CF\89C6\9891~~"
}
.section.empty.album:after {
	content: "\8FD8\6CA1\6709\4E0A\4F20\76F8\7C3F\54E6~"
}
.section-title {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 33px;
	padding: 0 0 15px;
	position: relative
}
.section-title .t {
	display: inline-block;
	vertical-align: middle
}
.section-title .icon {
	width: 33px;
	height: 33px;
	vertical-align: middle;
	margin-right: 10px
}
.sec-empty-hint {
	color: #99a2aa;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 300px
}
.sec-empty-hint a {
	color: #00a1d6;
	margin-left: 10px
}
.sec-empty-hint a:hover {
	color: #f25d8e
}
.mini-item {
	display: block;
	float: left;
	margin-bottom: 25px;
	width: 25%
}
.mini-item .cover {
	display: block;
	float: left;
	width: 40px;
	height: 40px
}
.mini-item .cover img {
	border-radius: 4px;
	box-shadow: 0 0 0 1px #e5e9ef;
	display: block;
	width: 40px;
	height: 40px
}
.mini-item .detail {
	font-size: 14px;
	margin-left: 50px;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.small-item {
	display: block;
	float: left;
	width: 160px;
	position: relative;
	margin: 0 0 3px;
	padding: 10px
}
.small-item.disabled .title {
	color: #222
}
.small-item.disabled .cover img {
	-webkit-filter: blur(2px)
}
.small-item.disabled .disabled-cover {
	display: block
}
.small-item.disabled .cover:hover .i-watchlater {
	display: none
}
.small-item.new .new-icon {
	position: absolute;
	top: 4px;
	right: 4px;
	display: inline-block;
	padding: 0 4px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	border-radius: 2px;
	margin-left: 4px;
	background-color: #42a0c4
}
.small-item.new .isPay {
	right: 48px
}
.small-item.watched .title {
	color: #999
}
.small-item .cover {
	background: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/video-placeholder.png) 50%;
	background-size: cover;
	border-radius: 4px;
	display: block;
	width: 160px;
	height: 100px;
	overflow: hidden;
	position: relative
}
.small-item .cover:hover .i-watchlater {
	display: block
}
.small-item .cover:hover .length {
	display: none
}
.small-item img {
	border-radius: 4px;
	display: block;
	width: 160px;
	height: 100px
}
.small-item .title {
	display: block;
	line-height: 20px;
	height: 38px;
	margin-top: 6px;
	overflow: hidden
}
.small-item .length {
	background: #111;
	background: rgba(0, 0, 0, .5);
	border-radius: 5px 0 0 0;
	color: #fff;
	line-height: 20px;
	transition: top .2s ease;
	padding: 0 6px;
	position: absolute;
	right: 0;
	bottom: 0
}
.small-item .meta {
	color: #999;
	white-space: nowrap;
	font-size: 0;
	margin-top: 6px;
	height: 14px;
	line-height: 14px
}
.small-item .meta .iconfont {
	font-size: 14px
}
.small-item .meta.pubdate {
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis
}
.small-item .meta>span {
	display: inline-block;
	white-space: nowrap;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	overflow: hidden
}
.small-item .meta>span:first-child {
	width: 72px
}
.small-item .meta>span .icon {
	width: 16px;
	height: 14px;
	vertical-align: sub
}
.small-item .play .icon {
	background-position: -280px -25px
}
.small-item .comments .icon {
	background-position: -280px -154px
}
.small-item .time .icon {
	background-position: -280px -474px
}
.small-item .view .icon {
	background-position: -1112px -858px
}
.small-item .comment .icon {
	background-position: -277px -283px
}
.small-item .pin, .small-item .unpin {
	cursor: pointer;
	float: right;
	display: none
}
.small-item .pin:hover, .small-item .unpin:hover {
	text-decoration: underline
}
.small-item .pin {
	color: #00a1d6
}
.small-item .unpin {
	color: #e40c0c
}
.small-item:hover .pin {
	display: block
}
.small-item.pinned:hover .pin {
	display: none
}
.small-item.pinned:hover .unpin {
	display: block
}
.large-item {
	display: block;
	float: left;
	width: 340px;
	margin: 0 20px 30px 0
}
.large-item .cover {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/video-placeholder.png);
	background-position: 50%;
	background-size: cover;
	display: block;
	float: left;
	width: 110px
}
.large-item .cover img {
	border-radius: 4px;
	box-shadow: 0 0 0 1px #e5e9ef;
	display: block;
	width: 110px;
	height: 144px
}
.large-item .detail {
	margin-left: 130px;
	padding-right: 20px;
	max-height: 140px;
	overflow: hidden
}
.large-item .title {
	display: block;
	font-size: 18px;
	max-height: 48px;
	line-height: 24px;
	margin: -3px 0 10px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2
}
.large-item .title:hover {
	color: #00a1d6
}
.large-item .end {
	background-position: -212px -22px;
	width: 20px;
	height: 20px;
	vertical-align: top;
	position: relative;
	top: 2px
}
.large-item .desc {
	max-height: 60px;
	overflow: hidden
}
.large-item .faved {
	background: #83b7db;
	border-radius: 4px;
	color: #fff;
	line-height: 20px;
	padding: 0 8px;
	margin-top: 4px
}
.list-item {
	border-bottom: 1px solid #eee;
	display: block;
	padding: 20px 0;
	position: relative;
	line-height: 1
}
.list-item:last-child {
	border-bottom: none
}
.list-item.disabled .title {
	color: #ccd0d7
}
.list-item.disabled .cover img {
	-webkit-filter: blur(2px)
}
.list-item.disabled .disabled-cover {
	display: block
}
.list-item.disabled .cover:hover .length {
	top: 100px
}
.list-item.disabled .cover:hover .i-watchlater {
	display: none
}
.list-item.new .new-icon {
	position: absolute;
	top: 4px;
	right: 4px;
	display: inline-block;
	padding: 0 4px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	border-radius: 2px;
	margin-left: 4px;
	background-color: #42a0c4
}
.list-item.new .isPay {
	right: 48px
}
.list-item.watched .title {
	color: #999
}
.list-item:hover .title-row .pin {
	display: inline-block
}
.list-item.pinned:hover .title-row .pin {
	display: none
}
.list-item.pinned:hover .title-row .unpin {
	display: inline-block
}
.list-item .cover {
	background: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/video-placeholder.png) 50%;
	background-size: cover;
	border-radius: 4px;
	display: block;
	float: left;
	overflow: hidden;
	position: relative
}
.list-item .cover img {
	box-shadow: 0 0 0 1px #edf2f9;
	border-radius: 4px;
	display: block
}
.list-item .cover:hover .i-watchlater {
	display: block
}
.list-item .c {
	margin-left: 180px
}
.list-item .title-row .pin, .list-item .title-row .unpin {
	cursor: pointer;
	display: none;
	margin-left: 15px
}
.list-item .title-row .pin {
	color: #00a1d6
}
.list-item .title-row .unpin {
	color: #e40c0c
}
.list-item .title {
	display: inline-block;
	font-size: 18px;
	margin-bottom: 10px
}
.list-item .desc {
	color: #777;
	line-height: 20px;
	overflow: hidden
}
.list-item .meta {
	color: #aaa
}
.list-item .meta>span {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.list-item .meta .icon {
	width: 12px;
	height: 13px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	vertical-align: baseline
}
.list-item .play .icon {
	background-position: -280px -25px
}
.list-item .comments .icon {
	background-position: -280px -154px
}
.list-item .up .icon {
	background-position: -280px -410px
}
.list-item .time .icon {
	background-position: -280px -474px
}
.bb-comment .list-item {
	border: 0;
	padding: 0;
	line-height: normal
}
.cover.disabled:hover .meta-mask {
	opacity: 0
}
.cover.disabled:hover .length {
	opacity: 1
}
.cover.disabled .length, .cover.disabled .new-icon {
	display: none
}
.cover.disabled .disabled-cover p {
	transition: margin .2s linear
}
.cover.disabled .disabled-cover.animate p {
	margin-top: 10px
}
.tabs {
	margin-bottom: 24px
}
.tabs a {
	font-size: 16px;
	line-height: 24px
}
.tabs a:after {
	color: #ddd;
	content: "|";
	margin: 0 15px
}
.tabs a:last-child:after {
	display: none
}
.tabs a.active {
	color: #00a1d6;
	font-size: 20px
}
.tabs a.disabled, .tabs a.last-item:after {
	display: none
}
.sub-tabs {
	margin-bottom: 20px;
	position: relative
}
.sub-tabs span {
	font-family: MicrosoftYaHei;
	font-size: 20px;
	color: #222;
	line-height: 26px;
	margin-right: 20px
}
.sub-tabs a {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
	margin-right: 24px;
	position: relative
}
.sub-tabs a.active {
	color: #00a1d6;
	border-bottom: 1px solid #00a1d6
}
.sub-tabs a.active:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 3px solid #00a1d6;
	border-top: 0;
	border-left: 3px dashed transparent;
	border-right: 3px dashed transparent
}
.sub-tabs a.disabled {
	display: none
}
.sub-tabs .filter-content {
	font-size: 14px;
	color: #212121;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0
}
.sub-tabs .filter-content .cur-filter {
	font-size: 14px
}
.sub-tabs .filter-content .cur-filter:hover {
	color: #00a1d6
}
.sub-tabs .filter-content .cur-filter i {
	margin-left: 4px
}
.private-hint {
	display: inline-block;
	color: #6d757a;
	cursor: default;
	font-size: 12px;
	vertical-align: middle
}
.private-hint .icon {
	background-position: -203px -724px;
	margin: 0 0 0 15px
}
.tag-list {
	padding: 10px 0
}
.tag-list a {
	color: #6a7277;
	cursor: default;
	display: inline-block;
	line-height: 20px;
	margin: 0 10px 0 0;
	white-space: nowrap;
	padding: 0 15px 0 0
}
.tag-list a:hover {
	color: inherit
}
.tag-list .tag-icon {
	background-position: -280px -537px;
	width: 14px;
	height: 18px;
	vertical-align: middle;
	margin-right: 5px
}
.not-allow {
	background: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/2233.png) 50% no-repeat;
	width: 340px;
	height: 280px
}
.search-keyword-highlight {
	color: #f25d8e
}
.r-arrow {
	background-position: -349px -410px;
	width: 6px;
	height: 11px
}
.d-arrow, .r-arrow {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	display: inline-block;
	vertical-align: middle
}
.d-arrow {
	background-position: -1307px -221px;
	width: 11px;
	height: 8px
}
.d-arrow-dark {
	background-position: -1371px -221px
}
#feedback {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 10
}
#feedback:hover #fb-text {
	right: 18px;
	opacity: 1
}
#feedback #fb-icon {
	background: url();
	display: block;
	width: 52px;
	height: 52px
}
#feedback #fb-text {
	background: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/fb-dialog.png) no-repeat;
	width: 230px;
	height: 80px;
	transition: opacity .2s ease;
	opacity: 0;
	padding: 13px 21px 26px 19px;
	position: absolute;
	bottom: 10px;
	right: -9999px
}
#feedback #fb-text a {
	color: #00a1d6;
	font-weight: 700
}
#feedback #fb-text a:hover {
	color: #f25d8e
}
.user-auth-subscript {
	position: absolute;
	display: none;
	z-index: 9;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/user-auth.png);
	background-repeat: no-repeat
}
.user-auth-subscript.avatar-s {
	right: -2px;
	top: 23px;
	width: 18px;
	height: 18px
}
.user-auth-subscript.avatar-m {
	right: 0;
	top: 44px;
	width: 20px;
	height: 20px
}
.user-auth-subscript.avatar-b {
	right: -2px;
	top: 42px;
	width: 20px;
	height: 20px
}
.user-auth-subscript.avatar-x {
	right: 1px;
	bottom: 0;
	width: 18px;
	height: 18px
}
.user-auth-subscript.personal-auth {
	display: block
}
.user-auth-subscript.personal-auth.avatar-s {
	background-position: -39px -82px
}
.user-auth-subscript.personal-auth.avatar-b, .user-auth-subscript.personal-auth.avatar-m {
	background-position: -38px -53px
}
.user-auth-subscript.personal-auth.avatar-x {
	background-position: -73px -82px
}
.user-auth-subscript.organization-auth {
	display: block
}
.user-auth-subscript.organization-auth.avatar-s {
	background-position: -5px -82px
}
.user-auth-subscript.organization-auth.avatar-b, .user-auth-subscript.organization-auth.avatar-m {
	background-position: -4px -53px
}
.user-auth-subscript.organization-auth.avatar-x {
	background-position: -5px -82px
}
.user-auth-subscript.no-auth {
	display: block
}
.user-auth-subscript.no-auth.avatar-m {
	background-position: -72px -52px
}
.user-auth-subscript.fools-vip {
	background: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/fool-day.png) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	display: block
}
.checkbox .checkbox-icon {
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 16px;
	margin-right: 5px;
	position: relative;
	top: -1px
}
.checkbox:hover {
	cursor: pointer
}
.checkbox:hover .checkbox-icon {
	border-color: #00a1d6
}
.checkbox[checked] .checkbox-icon {
	background: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png) -1305px -664px #00a1d6;
	border-color: #00a1d6
}
.vip-name-check.this-is-vip {
	color: #fb7299
}
.vip-name-check.this-is-fools {
	color: #6dc781
}
#pin-wrapper {
	background: rgba(0, 0, 0, .5);
	position: fixed;
	z-index: 10001;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
#pin-wrapper.input #pin-layer {
	height: 576px
}
#pin-wrapper.input .pin-layer-reason {
	height: 50px
}
#pin-wrapper .m-loading {
	line-height: 24px;
	text-align: center
}
#pin-wrapper .m-loading .icon {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/loadingS.gif);
	background-repeat: no-repeat
}
#pin-wrapper .m-loading .icon, #pin-wrapper .m-loading span {
	display: inline-block;
	vertical-align: middle
}
#pin-wrapper .m-loading.active {
	display: block
}
#pin-wrapper .m-loading.disabled .icon {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/loading-fail.png);
	background-position: 6px
}
#pin-wrapper #pin-layer {
	background: #fff;
	border-radius: 4px;
	width: 570px;
	height: 540px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	transition: all .2s ease
}
#pin-wrapper .pin-layer-header {
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
	font-size: 0;
	border-bottom: 1px solid #e5e9ef;
	box-sizing: border-box
}
#pin-wrapper .pin-layer-header .pin-layer-header-text {
	display: inline-block;
	font-size: 16px;
	vertical-align: bottom
}
#pin-wrapper .pin-layer-header .pin-layer-header-hint {
	display: inline-block;
	font-size: 12px;
	margin-left: 20px;
	color: #6d757a;
	vertical-align: bottom
}
#pin-wrapper .pin-layer-header .pin-layer-header-hint i {
	margin: 0 2px;
	font-weight: 700
}
#pin-wrapper .pin-layer-header-counter {
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	color: #222;
	vertical-align: middle
}
#pin-wrapper .pin-layer-header-counter .count {
	font-weight: 700;
	color: #6d757a
}
#pin-wrapper .pin-layer-close {
	position: absolute;
	top: 20px;
	right: 25px;
	background-position: -533px -279px;
	cursor: pointer;
	width: 20px;
	height: 14px
}
#pin-wrapper .pin-layer-close:hover {
	background-position: -597px -279px
}
#pin-wrapper .pin-layer-body {
	margin: 10px 25px 22px
}
#pin-wrapper .pin-layer-tab {
	font-size: 14px
}
#pin-wrapper .pin-layer-tab span {
	padding: 4px 0;
	margin-right: 18px
}
#pin-wrapper .pin-layer-order {
	margin-top: 20px
}
#pin-wrapper .pin-layer-order-tip {
	float: left;
	line-height: 20px;
	font-size: 12px;
	color: #222
}
#pin-wrapper .pin-layer-order-dropdown {
	float: right;
	font-size: 14px
}
#pin-wrapper .pin-layer-search {
	margin-top: 10px;
	position: relative
}
#pin-wrapper .pin-layer-search-empty {
	position: absolute;
	display: none;
	top: 250px;
	width: 100%;
	padding-right: 22px;
	color: #99a2aa;
	text-align: center;
	box-sizing: border-box
}
#pin-wrapper .pin-layer-search-result {
	font-size: 12px;
	color: #505050;
	margin-top: 4px;
	line-height: 20px
}
#pin-wrapper .pin-layer-search-keyword {
	display: inline-block;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #f25d8e;
	vertical-align: bottom
}
#pin-wrapper #pin-layer-search {
	border: 1px solid #d6dce5;
	border-radius: 15px;
	box-shadow: none;
	width: 470px;
	line-height: 32px;
	padding: 0 40px 0 10px
}
#pin-wrapper #pin-layer-search:focus {
	border-color: #00a1d6
}
#pin-wrapper #pin-layer-search-btn {
	background-position: -1111px -87px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 6px;
	right: 10px
}
#pin-wrapper #pin-layer-search-btn:hover {
	background-position: -1175px -87px
}
#pin-wrapper #pin-layer-search-count {
	color: #f25d8e;
	font-weight: 700
}
#pin-wrapper .pin-layer-video {
	position: relative;
	margin-top: 5px;
	height: 300px;
	width: 544px;
	overflow: hidden
}
#pin-wrapper .pin-layer-video.empty {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/nodata02.png);
	background-position: 147px;
	background-repeat: no-repeat
}
#pin-wrapper .pin-layer-video.loading {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/loadTV.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	text-indent: -9999px;
	height: 370px
}
#pin-wrapper .pin-layer-video.loading .small-item {
	display: none
}
#pin-wrapper .pin-layer-video.ready-to-search {
	background-image: none
}
#pin-wrapper .pin-layer-footer {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 30px
}
#pin-wrapper .pin-layer-footer .btn {
	width: 90px;
	margin: 0 7px;
	line-height: 30px
}
#pin-wrapper .pin-layer-vlist .small-item {
	float: none;
	width: auto;
	padding: 4px;
	margin-right: 20px;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	margin-bottom: 2px;
	overflow: hidden;
	transition: all .2s ease
}
#pin-wrapper .pin-layer-vlist .small-item:hover {
	cursor: pointer;
	background-color: #e5e9ef;
	box-shadow: none
}
#pin-wrapper .pin-layer-vlist .small-item.selected {
	box-shadow: none;
	background-color: #00a1d6
}
#pin-wrapper .pin-layer-vlist .small-item.selected .title {
	color: #fff
}
#pin-wrapper .pin-layer-vlist .small-item.selected .meta {
	color: #b3e3f3
}
#pin-wrapper .pin-layer-vlist .small-item.selected .play .icon {
	background-position: -411px -858px
}
#pin-wrapper .pin-layer-vlist .small-item.selected .time .icon {
	background-position: -347px -858px
}
#pin-wrapper .pin-layer-vlist .small-item.selected .checkbox {
	display: block
}
#pin-wrapper .pin-layer-vlist .small-item.selected:hover .checkbox .icon {
	background-position: -1365px -1109px
}
#pin-wrapper .pin-layer-vlist .small-item.added {
	display: none
}
#pin-wrapper .pin-layer-vlist .small-item .title {
	height: 16px;
	line-height: 16px;
	margin: 0;
	color: #000;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: height .2s ease, margin .2s ease
}
#pin-wrapper .pin-layer-vlist .small-item .cover {
	position: relative;
	float: left;
	width: 80px;
	height: 50px;
	border-radius: 2px;
	overflow: hidden
}
#pin-wrapper .pin-layer-vlist .small-item .cover img {
	width: 100%;
	height: 100%
}
#pin-wrapper .pin-layer-vlist .small-item .added-icon {
	position: absolute;
	display: none;
	right: 4px;
	top: 4px;
	line-height: 14px;
	padding: 2px 4px;
	font-size: 12px;
	color: #fff;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .8)
}
#pin-wrapper .pin-layer-vlist .small-item .detail {
	margin-left: 94px
}
#pin-wrapper .pin-layer-vlist .small-item .meta {
	margin-top: 8px
}
#pin-wrapper .pin-layer-vlist .small-item .meta .play {
	width: 65px
}
#pin-wrapper .pin-layer-vlist .small-item .meta .time {
	width: 92px
}
#pin-wrapper .pin-layer-vlist .small-item .checkbox {
	position: absolute;
	display: none;
	top: 18px;
	right: 10px;
	width: 22px;
	height: 22px;
	border-radius: 2px;
	background-color: #0087b4
}
#pin-wrapper .pin-layer-vlist .small-item .checkbox .icon {
	display: block;
	width: 100%;
	height: 100%;
	background-position: -1301px -1109px
}
#pin-wrapper .pin-layer-video-empty {
	color: #99a2aa;
	margin: 270px 0 0;
	padding-right: 22px;
	text-align: center
}
#pin-wrapper .pin-layer-video-empty a {
	color: #00a1d6
}
#pin-wrapper .pin-layer-reason {
	height: 0;
	overflow: hidden;
	transition: height .2s ease
}
#pin-wrapper .pin-layer-reason #pin-layer-reason-input input {
	background: #edf2f9;
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	box-shadow: inset 0 2px 6px rgba(100, 109, 85, .22);
	line-height: 34px;
	height: 34px;
	margin: 10px 0
}
#pin-wrapper .pin-layer-reason #pin-layer-reason-input input:focus {
	border-color: #00a1d6
}
#pin-wrapper .pin-layer-reason #pin-layer-reason-input .letter-count {
	top: 6px
}
.breadcrumb {
	line-height: 24px;
	font-size: 0;
	vertical-align: middle
}
.breadcrumb .item {
	display: inline-block;
	font-size: 18px;
	color: #6d757a;
	vertical-align: middle
}
.breadcrumb .item:hover {
	color: #00a1d6
}
.breadcrumb .item.cur {
	color: #222
}
.breadcrumb .batch {
	font-size: 14px;
	color: #222;
	letter-spacing: 0;
	float: right;
	cursor: pointer
}
.breadcrumb .arrow {
	background-position: -339px -405px
}
.breadcrumb .arrow, .breadcrumb .l-arrow {
	display: inline-block;
	width: 26px;
	height: 20px;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	background-repeat: no-repeat;
	vertical-align: middle
}
.breadcrumb .l-arrow {
	background-position: -148px -1174px
}
.page-head {
	position: relative
}
.page-head .v-filter-line {
	position: absolute;
	top: 0;
	right: 0
}
.page-head .v-filter-line .item {
	float: left;
	margin-left: 30px
}
.page-head .v-filter-line .order span {
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin-left: 20px;
	line-height: 28px;
	vertical-align: top
}
.page-head .v-filter-line .order span.active {
	color: #00a1d6;
	cursor: default
}
.page-head .v-filter-line .order span:hover {
	color: #00a1d6
}
.page-head .v-filter-line .style {
	margin-top: 6px
}
.page-head .v-filter-line .style .icon {
	cursor: pointer;
	display: block;
	float: left;
	width: 18px;
	height: 18px
}
.page-head .v-filter-line .style .cube {
	background-position: -342px -151px;
	margin-right: 15px
}
.page-head .v-filter-line .style .cube.active, .page-head .v-filter-line .style .cube:hover {
	background-position: -469px -151px
}
.page-head .v-filter-line .style .list {
	background-position: -341px -217px
}
.page-head .v-filter-line .style .list.active, .page-head .v-filter-line .style .list:hover {
	background-position: -468px -217px
}
.g-search {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 30px;
	vertical-align: middle
}
.g-search:focus {
	border-color: #00a1d6
}
.g-search input {
	position: absolute;
	height: 30px;
	width: 100px;
	padding: 0 29px 0 10px;
	line-height: 30px;
	color: #222;
	font-size: 12px;
	border: 1px solid #ccd0d7;
	border-radius: 15px;
	box-shadow: none;
	box-sizing: border-box
}
.g-search .search-btn {
	position: absolute;
	right: 8px;
	top: 0;
	width: 18px;
	height: 30px;
	background-position: -1111px -81px;
	cursor: pointer
}
.g-search .search-btn:hover {
	background-position: -1175px -81px
}
.list-create {
	cursor: pointer;
	position: relative;
	background: #fff;
	border: 2px dashed #b8c0cc;
	border-radius: 4px;
	transition: border .2s ease;
	box-sizing: border-box
}
.list-create .create-covers-meta {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%)
}
.list-create .icon {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	transition: background .2s ease;
	background-position: -716px -332px
}
.list-create .text {
	line-height: 16px;
	margin-top: 8px;
	text-align: center;
	color: #666
}
.list-create:hover {
	border-color: #00a1d6
}
.list-create:hover .icon {
	background-position: -716px -396px
}
.list-create:hover .text {
	color: #00a1d6
}
.s-space .ps-container>.ps-scrollbar-y-rail {
	right: 0!important;
	width: 6px!important;
	background-color: #edf2f9!important;
	border-radius: 3px
}
.s-space .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	right: 0!important;
	width: 6px!important;
	background-color: #6d757a!important
}
.i-watchlater {
	display: none;
	position: absolute;
	right: 6px;
	bottom: 4px;
	width: 22px;
	height: 22px;
	z-index: 5;
	background: url() no-repeat
}
.i-watchlater.has-select {
	background: url()
}
.icon {
	vertical-align: middle;
	background-repeat: no-repeat
}
.icon-add {
	width: 30px;
	height: 30px;
	background-position: -81px -1170px
}
.icon-cursor {
	width: 10px;
	height: 44px;
	background-position: -219px -1100px
}
.icon-fav-public {
	width: 20px;
	height: 20px;
	background-position: -86px -1110px
}
.icon-fav-private {
	width: 20px;
	height: 20px;
	background-position: -150px -1110px
}
.icon-fav-default {
	width: 20px;
	height: 20px;
	background-position: -22px -1110px
}
.icon-more {
	width: 30px;
	height: 30px;
	background-position: -209px -1041px;
	cursor: pointer
}
.icon-arrow {
	width: 16px;
	height: 20px;
	background-position: -1305px -215px
}
#popup-select-layer {
	position: absolute;
	top: 50px;
	left: 0;
	width: 108px;
	z-index: 899;
	background-color: #fff;
	border: 1px solid #ccd0d7;
	border-radius: 4px
}
#popup-select-layer:after {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icons.png);
	background-position: -1307px -285px;
	content: "";
	display: block;
	width: 11px;
	height: 6px;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px
}
#popup-select-layer .popup-select-choice {
	cursor: pointer;
	line-height: 30px;
	padding: 0 9px
}
#popup-select-layer .popup-select-choice:hover {
	background-color: #e5e9ef
}
#popup-select-layer .popup-select-choice:first-child {
	border-radius: 4px 4px 0 0
}
#popup-select-layer .popup-select-choice:last-child {
	border-radius: 0 0 4px 4px
}
.article-item {
	margin-bottom: 20px
}
.article-item:last-child .article-content {
	border-bottom: none
}
.article-cover {
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}
.s-content {
	width: 923px
}
.article-content, .s-content {
	float: left;
	border-bottom: 1px solid #f4f5f7;
	padding-bottom: 23px
}
.article-content {
	width: 563px
}
.article-noimg {
	width: 100%
}
.article-title {
	max-height: 26px;
	font-size: 18px;
	color: #222;
	line-height: 26px;
	overflow: hidden;
	display: block
}
.article-title a {
	word-break: break-all
}
.article-con {
	font-size: 12px;
	color: #6d757a;
	line-height: 20px;
	margin-top: 5px
}
.article-con a {
	height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap
}
.article-con a, .article-img {
	display: block;
	overflow: hidden
}
.article-img {
	width: 117px;
	height: 88px;
	float: right;
	border-radius: 4px;
	line-height: 54px;
	text-align: center
}
.article-bgimg, .article-img img {
	width: 100%;
	height: 100%
}
.article-bgimg {
	background: #f0f2f4 url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/video-placeholder.png) 50%;
	background-size: cover;
	border-radius: 4px;
	display: block;
	overflow: hidden;
	font-size: 12px
}
.meta-col {
	margin-top: 15px;
	color: #999;
	font-size: 0
}
.meta-col, .meta-col span {
	height: 14px;
	line-height: 14px;
	white-space: nowrap
}
.meta-col span {
	display: inline-block;
	font-size: 12px;
	overflow: hidden;
	margin-right: 20px
}
.meta-col span .icon {
	width: 16px;
	height: 14px;
	margin-right: 3px;
	vertical-align: sub
}
.meta-col .play .icon {
	background-position: -280px -25px
}
.meta-col .time .icon {
	background-position: -280px -474px
}
.meta-col .view .icon {
	background-position: -345px -282px
}
.meta-col .comment .icon {
	background-position: -409px -282px
}
.meta-col .like .icon {
	background-position: -472px -282px
}
.create-channel-popup .modal-wrapper .modal-body {
	padding: 30px 20px!important
}
.create-channel-popup .modal-wrapper .modal-body .be-input input {
	height: 30px;
	line-height: 30px;
	box-shadow: none
}
.create-channel-popup .modal-wrapper .modal-body .be-textarea {
	margin-top: 20px
}
.create-channel-popup .modal-wrapper .modal-body .be-textarea textarea {
	padding: 5px;
	height: 66px
}
.follow-dialog-wrap .errmsg {
	display: none
}
.follow-dialog-wrap .add-group {
	margin-top: 20px
}
.bili-header-m .bili-wrapper {
	width: 1100px!important
}
.icon-playlist {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icon_playlist_line.png)
}
.icon-playlist, .icon-playlist-loc {
	width: 22px;
	height: 22px;
	background-size: 100%;
	margin-right: 8px
}
.icon-playlist-loc {
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/icon_playlist_loc.png)
}
.icon-favlist-info {
	width: 20px;
	height: 20px;
	background-image: url();
	background-size: 100%
}
.icon-back-follow {
	width: 16px;
	height: 16px;
	background: url() no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	margin-right: 4px;
	position: relative;
	top: 3px
}
.icon-back-follow.grey {
	background: url() no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
	top: 8px
}
@media (min-width:1420px) {
	.bili-header-m .bili-wrapper, .wrapper {
		width: 1280px!important
	}
	.n-btn {
		margin-right: 43px
	}
}
.fakeDanmu-item .length {
	z-index: 5;
	transition: background .2s ease
}
.fakeDanmu-item .new-icon {
	transition: opacity .2s ease
}
.fakeDanmu-item.preview-danmu .length {
	background: none
}
.fakeDanmu-item.preview-danmu .new-icon {
	opacity: 0
}
.fake-danmu-mask {
	z-index: 3;
	background-color: rgba(0, 0, 0, .2)
}
.fake-danmu, .fake-danmu-mask {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.fake-danmu {
	z-index: 4
}
.fake-danmu-item {
	position: absolute;
	display: inline;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	font-family: Microsoft Yahei, simhei, 黑体;
	white-space: pre;
	pointer-events: none;
	opacity: .95;
	text-shadow: 1px 1px 2px #001
}
.preview-bg {
	top: 10px;
	z-index: 2;
	height: 100%
}
.preview-bg, .preview-wrapper {
	position: absolute;
	display: none;
	left: 0;
	width: 100%
}
.preview-wrapper {
	top: 0;
	z-index: 4;
	padding: 0 5px 5px;
	box-sizing: border-box;
	background-color: #000
}
.preview-progress {
	width: 100%;
	height: 2px;
	margin-top: 5px;
	background-color: hsla(0, 0%, 100%, .4);
	border-radius: 1px
}
.preview-progress-bar {
	width: 0;
	height: 2px;
	border-radius: 1px;
	background-color: #fff
}
.fade-transition {
	transition: opacity .3s ease
}
.fade-enter, .fade-leave {
	opacity: 0
}
.expand-transition {
	transition: height .3s ease;
	height: 30px;
	overflow: hidden
}
.expand-enter, .expand-leave {
	height: 0;
	opacity: 0
}
.expand-switch-transition {
	transition: height .3s ease;
	height: 40px;
	overflow: hidden
}
.expand-switch-enter, .expand-switch-leave {
	height: 0
}
.bounce-transition {
	display: inline-block
}
.bounce-enter {
	animation: bounce-in .3s
}
.bounce-leave {
	animation: bounce-out .3s
}
.space-loading-tv {
	height: 100px;
	margin-top: 10px;
	background-image: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/loadTV.gif);
	background-repeat: no-repeat;
	background-position: 50%
}
#space-body {
	min-height: 100%;
	padding-bottom: 30px;
	background-repeat: repeat;
	background-position: top
}
#space-body .global-modal .modal-wrapper {
	width: 400px
}
@keyframes bounce-in {
	0% {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}
@keyframes bounce-out {
	0% {
		transform: scale(1)
	}
	to {
		transform: scale(0)
	}
}
@font-face {
	font-family: iconfont;
	src: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/iconfont.eot);
	src: url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/iconfont.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/iconfont.woff) format("woff"), url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/iconfont.ttf) format("truetype"), url(//s1.hdslb.com/bfs/static/jinkela/space/asserts/iconfont.svg#iconfont) format("svg")
}
.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-ic_play:before {
	content: "\E61B"
}
.icon-ic_comment:before {
	content: "\E61C"
}
.icon-ic_up:before {
	content: "\E61D"
}
.icon-ic_danmu:before {
	content: "\E61E"
}
.icon-ic_collection:before {
	content: "\E61F"
}
.icon-ic_moveup:before {
	content: "\E620"
}
.icon-ic_movedown:before {
	content: "\E621"
}
.icon-ic_delete:before {
	content: "\E622"
}
.icon-ic_time:before {
	content: "\E623"
}
.icon-ic_collect:before {
	content: "\E624"
}
.icon-ic_channel:before {
	content: "\E625"
}
.icon-ic_home:before {
	content: "\E626"
}
.icon-ic_setting:before {
	content: "\E627"
}
.icon-ic_playlist:before {
	content: "\E628"
}
.icon-ic_interest:before {
	content: "\E629"
}
.icon-ic_sub:before {
	content: "\E62A"
}
.icon-ic_article:before {
	content: "\E62B"
}
.icon-ic_video:before {
	content: "\E62C"
}
.icon-ic_following:before {
	content: "\E62D"
}
.icon-ic_upload:before {
	content: "\E62E"
}
.icon-ic_more:before {
	content: "\E62F"
}
.icon-ic_close:before {
	content: "\E630"
}
.icon-checkbox_selected:before {
	content: "\E631"
}
.icon-checkbox:before {
	content: "\E632"
}
.icon-radio:before {
	content: "\E633"
}
.icon-radio_selected:before {
	content: "\E634"
}
.icon-shouting:before {
	content: "\E605"
}
.icon-dianzan:before {
	content: "\E710"
}
.icon-bofang:before {
	content: "\E711"
}
.icon-bodan:before {
	content: "\E712"
}
.icon-pinglun:before {
	content: "\E713"
}
.icon-shixiao:before {
	content: "\E714"
}
.icon-fenxiang:before {
	content: "\E715"
}
.icon-shoucang:before {
	content: "\E716"
}
.icon-tianjia:before {
	content: "\E717"
}
.icon-xiangxia:before {
	content: "\E719"
}
.icon-xiangshang:before {
	content: "\E71A"
}
.icon-huaban:before {
	content: "\E718"
}
.icon-ic_class1:before {
	content: "\E635"
}
.be-input {
	position: relative;
	color: #222;
	font-size: 14px;
	border-radius: 4px
}
.be-input--append .be-input_inner {
	padding: 0 60px 0 5px
}
.be-input_inner {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 50px 0 5px;
	border-radius: 4px;
	border: 1px solid #ccd0d7;
	outline: none;
	box-sizing: border-box;
	transition: all .3s ease
}
.be-input_inner:focus {
	border-color: #00a1d6
}
.be-input.is-diabled .be-input_inner {
	background-color: #e6e6e6;
	border-color: #afb6c1;
	color: #3c3c3c;
	cursor: not-allowed
}
.be-textarea {
	position: relative;
	color: #222;
	font-size: 14px;
	border-radius: 4px
}
.be-textarea.is-diabled .be-textarea_inner {
	background-color: #e6e6e6;
	border-color: #afb6c1;
	color: #3c3c3c;
	cursor: not-allowed
}
.be-textarea--append .be-textarea_inner {
	display: table-cell
}
.be-textarea_inner {
	display: block;
	width: 100%;
	line-height: 20px;
	height: 118px;
	padding: 0 5px;
	border: 1px solid #ccd0d7;
	border-radius: 4px;
	outline: none;
	box-sizing: border-box;
	resize: none;
	transition: all .3s ease
}
.be-textarea_inner:focus, .be-textarea_inner:hover {
	border-color: #00a1d6
}
.be-textarea_inner:focus~.be-input-word-counter, .be-textarea_inner:hover~.be-input-word-counter {
	opacity: 1
}
.be-textarea .be-input-word-counter {
	opacity: 0;
	transition: opacity .2s ease
}
.be-input-word-counter {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 30px;
	min-width: 40px;
	padding: 0 10px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	color: #99a2aa;
	border-radius: 4px
}
.modal-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 20000
}
.modal-wrapper {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 300px;
	margin: 0 auto;
	word-break: break-all;
	line-height: 22px;
	z-index: 1011;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
	border-radius: 4px;
	transition: box-shadow .2s linear
}
.modal-wrapper .modal-header {
	position: relative;
	font: 12px/1.11 Microsoft Yahei, Tahoma, Arial, Helvetica, STHeiti
}
.modal-wrapper .modal-title {
	display: block;
	font-size: 16px;
	line-height: 48px;
	padding: 0 20px;
	border-bottom: 1px solid #ddd
}
.modal-wrapper .modal-header-close {
	position: absolute;
	text-decoration: none;
	top: 13px;
	right: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	font-size: 16px;
	text-align: center
}
.modal-wrapper .modal-header-close:hover {
	color: #00a1d6
}
.modal-wrapper .modal-body {
	padding: 30px 60px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	min-width: 9em
}
.modal-wrapper .modal-footer {
	padding: 0 0 30px;
	text-align: center
}
.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1010;
	background-color: rgba(0, 0, 0, .5)
}
.be-toast {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 12000;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .14);
	background-color: rgba(0, 0, 0, .8)
}
#id-card {
	background: #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, .3);
	border-radius: 4px;
	position: absolute;
	z-index: 1002;
	width: 375px
}
#id-card .idc-laoding-text {
	padding: 10px;
	font-size: 12px;
	color: #222
}
#id-card .idc-theme-img {
	border-radius: 4px 4px 0 0;
	display: block;
	width: 375px;
	height: 120px;
	background-size: cover;
	background-position: 50%
}
#id-card .idc-content .idc-username {
	display: inline-block;
	line-height: 22px;
	vertical-align: middle
}
#id-card .idc-info {
	padding: 7px 40px 10px 100px;
	position: relative
}
#id-card .idc-info .idc-avatar-container {
	position: absolute;
	top: -15px;
	left: 20px;
	width: 54px;
	height: 54px
}
#id-card .idc-avatar {
	border: 2px solid #fff;
	border-radius: 50px;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0
}
#id-card .idc-uname {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	max-width: 9em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
#id-card .idc-uname:hover {
	color: #00a1d6
}
#id-card .idc-gender {
	vertical-align: middle
}
#id-card .idc-m-level {
	vertical-align: middle;
	margin-top: 1px
}
#id-card .idc-meta {
	margin-top: 6px
}
#id-card .idc-meta-item {
	margin-right: 20px
}
#id-card .idc-tag-list {
	display: none;
	padding-bottom: 0
}
#id-card .idc-certification {
	color: #ff931e;
	margin: 7px 0 0
}
#id-card .idc-certification:empty {
	display: none
}
#id-card .idc-certified-icon {
	background-position: -213px -791px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 5px
}
#id-card .idc-auth-description {
	line-height: 20px;
	font-size: 12px;
	margin-top: 6px;
	color: #6d757a
}
#id-card .idc-auth-description.no-desc {
	color: #99a2aa
}
#id-card .idc-sign {
	color: #999;
	line-height: 1.7;
	padding: 7px 0 5px
}
#id-card .idc-sign:empty {
	display: none
}
#id-card .idc-action {
	text-align: center;
	padding: 0 20px 20px 29px
}
#id-card .idc-btn {
	display: inline-block;
	cursor: pointer;
	line-height: 24px;
	height: 26px;
	width: 80px;
	margin: 0 10px;
	font-size: 12px
}
#id-card .idc-btn.blue {
	color: #fff;
	background-color: #00a1d6;
	border: 1px solid #00a1d6
}
#id-card .idc-btn.blue:hover {
	background-color: #00b5e5;
	border: 1px solid #00b5e5;
	color: #fff
}
#id-card .idc-btn.unfollow {
	background-color: #edf2f9;
	border-color: #edf2f9;
	color: #999
}
#id-card .idc-btn .btn-content {
	line-height: 24px
}
.be-tab, .be-tab-item {
	position: relative
}
.be-tab-item {
	float: left;
	font-size: 14px;
	margin-right: 20px;
	line-height: 28px;
	vertical-align: top;
	cursor: pointer
}
.be-tab-item:last-child {
	margin-right: 0
}
.be-tab-item.is-active {
	color: #00a1d6
}
.be-tab-input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: #ff3c3c;
	opacity: 0;
	cursor: pointer
}
.be-tab-cursor {
	left: 0;
	border-bottom: 1px solid #00a1d6;
	transform: translateX(0);
	transition: width .2s ease, transform .2s ease
}
.be-tab-cursor, .be-tab-cursor:after {
	position: absolute;
	bottom: 0;
	height: 0;
	width: 0
}
.be-tab-cursor:after {
	content: "";
	left: 50%;
	transform: translateX(-50%);
	margin-left: -3px;
	border-bottom: 3px solid #00a1d6;
	border-top: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent
}
.be-tooltip {
	position: fixed;
	z-index: 120;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .14);
	background-color: rgba(0, 0, 0, .8)
}
.be-scrollbar-wrapper {
	position: relative
}
.be-switch-container {
	position: relative;
	display: inline-block;
	height: 20px;
	cursor: pointer;
	white-space: nowrap
}
.be-switch-container.is-checked .be-switch {
	background-color: #00a1d6
}
.be-switch-container.is-checked .be-switch-cursor {
	left: 17px
}
.be-switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 16px;
	border-radius: 8px;
	background-color: #ccd0d7;
	vertical-align: middle;
	cursor: pointer;
	transition: background-color .2s ease
}
.be-switch-cursor {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #fff;
	transition: left .2s ease
}
.be-switch-label {
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	margin-left: 3px;
	vertical-align: middle
}
.be-switch-input {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}
.btn[data-v-eb6e1e50] {
	display: inline-block;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	padding: 0 10px;
	margin-right: 20px;
	line-height: 30px;
	min-width: 70px;
	transition: all .2s ease;
	font-size: 0;
	color: #666;
	text-align: center;
	vertical-align: middle;
	outline: none;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
	box-sizing: border-box
}
.btn[data-v-eb6e1e50]:last-of-type {
	margin-right: 0
}
.btn .btn-loading[data-v-eb6e1e50], .btn i[data-v-eb6e1e50] {
	margin-right: 8px
}
.btn.default[data-v-eb6e1e50] {
	color: #666;
	background-color: #fff;
	border-color: #d9d9d9
}
.btn.primary[data-v-eb6e1e50] {
	color: #fff;
	background-color: #00a1d6;
	border-color: #00a1d6
}
.btn.primary[data-v-eb6e1e50]:focus, .btn.primary[data-v-eb6e1e50]:hover {
	background-color: #00b5e5;
	color: #fff;
	border-color: #00b5e5
}
.btn.ghost[data-v-eb6e1e50], .btn.ghost[data-v-eb6e1e50]:focus, .btn.ghost[data-v-eb6e1e50]:hover {
	color: #666;
	background-color: #f7f7f7;
	border-color: #d9d9d9
}
.btn.warning[data-v-eb6e1e50] {
	color: #fff;
	background-color: #fa0;
	border-color: #fa0
}
.btn.warning[data-v-eb6e1e50]:focus, .btn.warning[data-v-eb6e1e50]:hover {
	color: #fff;
	background-color: rgba(255, 170, 0, .7);
	border-color: #fa0
}
.btn.danger[data-v-eb6e1e50] {
	color: #fff;
	background-color: #f50;
	border-color: #f50
}
.btn.danger[data-v-eb6e1e50]:focus, .btn.danger[data-v-eb6e1e50]:hover {
	color: #fff;
	border-color: #f50;
	background-color: rgba(255, 85, 0, .7)
}
.btn.success[data-v-eb6e1e50] {
	background-color: #87d068;
	border-color: #87d068;
	color: #fff
}
.btn.success[data-v-eb6e1e50]:focus, .btn.success[data-v-eb6e1e50]:hover {
	color: #fff;
	border-color: #87d068;
	background-color: rgba(135, 208, 104, .7)
}
.btn.info[data-v-eb6e1e50] {
	color: #fff;
	border-color: #2db7f5;
	background-color: #2db7f5
}
.btn.info[data-v-eb6e1e50]:focus, .btn.info[data-v-eb6e1e50]:hover {
	color: #fff;
	border-color: #2db7f5;
	background-color: rgba(45, 183, 245, .7)
}
.btn[data-v-eb6e1e50]:focus, .btn[data-v-eb6e1e50]:hover {
	color: #00a1d6;
	background-color: #fff;
	border-color: #00a1d6
}
.btn.btn-small[data-v-eb6e1e50] {
	padding: .2rem .3rem;
	line-height: 1rem;
	min-width: 0
}
.btn.btn-large[data-v-eb6e1e50] {
	width: 140px;
	height: 40px;
	line-height: 40px
}
.btn.btn-large .btn-content[data-v-eb6e1e50] {
	font-size: 14px
}
@keyframes loading-data-v-eb6e1e50 {
	0% {
		transform-origin: 50% 50%;
		transform: rotate(0deg)
	}
	to {
		transform-origin: 50% 50%;
		transform: rotate(1turn)
	}
}
.btn-loading[data-v-eb6e1e50] {
	display: inline-block;
	animation: loading-data-v-eb6e1e50 1s linear infinite
}
.btn-content[data-v-eb6e1e50] {
	font-size: 12px;
	vertical-align: top
}
.btn-content[data-v-eb6e1e50]:hover {
	color: inherit;
	background-color: inherit
}
.btn.btn-disabled[data-v-eb6e1e50] {
	cursor: default
}
.btn.btn-disabled[data-v-eb6e1e50], .btn.btn-disabled[data-v-eb6e1e50]:hover {
	color: #ccd0d7;
	background: #f4f5f7;
	border-color: #e5e9ef
}
.btn-icon[data-v-eb6e1e50] {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle
}
.btn-container[data-v-126b46cf] {
	font-size: 0;
	white-space: nowrap
}
.btn-container.btn-center[data-v-126b46cf] {
	text-align: center
}
.btn-container.btn-left[data-v-126b46cf] {
	text-align: left
}
.btn-container.btn-right[data-v-126b46cf] {
	text-align: right
}
.btn-container .btn[data-v-126b46cf]:last-of-type {
	margin-right: 0
}
.be-pager {
	margin: 15px 0;
	text-align: center
}
.be-pager:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}
.be-pager-item {
	display: inline-block;
	line-height: 38px;
	padding: 0 15px;
	margin-right: 4px;
	text-align: center;
	list-style: none;
	background-color: #fff;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	border: 1px solid #d7dde4;
	border-radius: 4px;
	transition: all .2s ease-in-out
}
.be-pager-item a {
	text-decoration: none;
	color: #657180
}
.be-pager-item:hover {
	border-color: #00a1d6
}
.be-pager-item:hover a {
	color: #00a1d6
}
.be-pager-item-active {
	background-color: #00a1d6;
	border-color: #00a1d6
}
.be-pager-item-active:hover a, .be-pager-item-active a {
	color: #fff
}
.be-pager-item-jump-next, .be-pager-item-jump-prev {
	padding: 0 5px
}
.be-pager-item-jump-next:after, .be-pager-item-jump-prev:after {
	content: "\2022\2022\2022";
	display: block;
	letter-spacing: 1px;
	color: #ccc;
	text-align: center
}
.be-pager-prev {
	margin-right: 8px
}
.be-pager-item-jump-next, .be-pager-item-jump-prev {
	margin-right: 4px
}
.be-pager-next {
	margin-left: 4px
}
.be-pager-item-jump-next, .be-pager-item-jump-prev, .be-pager-next, .be-pager-prev {
	display: inline-block;
	font-size: 14px;
	line-height: 38px;
	list-style: none;
	text-align: center;
	cursor: pointer;
	color: #666;
	font-family: Arial;
	transition: all .2s ease-in-out
}
.be-pager-next, .be-pager-prev {
	padding: 0 14px;
	border: 1px solid #d7dde4;
	border-radius: 4px;
	background-color: #fff
}
.be-pager-next a, .be-pager-prev a {
	color: #666;
	font-size: 14px
}
.be-pager-next:hover, .be-pager-prev:hover {
	border-color: #00a1d6
}
.be-pager-next:hover a, .be-pager-prev:hover a {
	color: #00a1d6
}
.be-pager-disabled {
	display: none
}
.be-pager-options {
	float: left;
	margin-left: 15px
}
.be-pager-options-elevator {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	color: #99a2aa
}
.be-pager-options-elevator input {
	border-radius: 4px;
	margin: 0 8px;
	width: 50px
}
.be-pager-total {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin-left: 30px;
	color: #99a2aa
}
.be-dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer
}
.be-dropdown-trigger {
	width: 24px;
	height: 24px;
	margin: auto;
	text-align: center
}
.be-dropdown-trigger .icon-ic_more {
	display: block;
	line-height: 24px;
	color: #222;
	font-size: 24px;
	color: #999
}
.be-dropdown-item {
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #222;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: background-color .2s ease;
	cursor: pointer
}
.be-dropdown-item:hover {
	color: #00a1d6;
	background-color: #e5e9ef
}
.be-dropdown-item.be-dropdown-item-delimiter {
	border-bottom: 1px solid #e5e9ef
}
.be-dropdown-menu {
	position: fixed;
	top: 40px;
	z-index: 10;
	padding: 6px 0;
	background-color: #fff;
	border: 1px solid #e5e9ef;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .14)
}
.be-tags-container {
	position: absolute;
	top: 4px;
	right: 4px
}
.be-tags-container .tag {
	display: inline-block;
	padding: 0 4px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 14px;
	border-radius: 2px;
	margin-left: 4px
}
.be-tags-container .tag.pay-tag {
	background-color: #faab4b
}
.be-tags-container .tag.coop-tag, .be-tags-container .tag.inter-tag {
	background-color: #fb7299
}
.be-tags-container .tag.new-tag {
	background-color: #42a0c4
}